@charset "utf-8";
/* CSS Document */ 
/*常用字体备注:"Microsoft YaHei",微软雅黑,Arial*/
div,ul,li,a,img,span,h1,h2,h3,h4,p,input,table,tr,td,th,em,dl,dt,dd,ol,textarea{
margin:0; padding:0; border:none; list-style-type:none; font:14px/24px Arial,"Microsoft YaHei",微软雅黑;font-style:normal;font-weight:normal;color:#333;}
body{ margin:0px;padding:0; font:14px/24px Arial,"Microsoft YaHei",微软雅黑;color:#333; min-width:1200px; width:expression(document.body.clientWidth < 1200? "1200px": "auto" );}

a{ text-decoration:none;font:14px/24px Arial,"Microsoft YaHei",微软雅黑;color:#333;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.tc{ text-align:center}
.lh,.lh *{ line-height:32px}

.nocon{ width: 100%; text-align: center; line-height: 75px; color: #616161;}
.container{ width:1020px;margin:0 auto;overflow:hidden}

/*通用样式start*/

.top{width:100%;height:6px;background:#ef5938}
.head{ width:100%;}

.head .navmenu{ height:138px}
.head .language{ margin:10px 15px 0 0}
.head .language a{ background:#f2f2f2;display:inline-block;width:85px;height:32px;line-height:32px;text-align:center;float: left;}
.head .language a.cn{ background:#ef5938;color:#fff}
.head .language a:hover{ text-decoration:underline}
.head ul.navmenuBox li{ float:left; height:85px; line-height:85px; text-align:center; padding:0 20px;}
.head ul.navmenuBox li a{font-size:16px;}

.head ul.navmenuBox li.selected,.head ul.navmenuBox li:hover{ background:url(../images/navbg.png) 20px 57px no-repeat;}
.head ul.navmenuBox li :hover a{ color:#09428c;}
/*通用样式 end*/

/*首页样式 start*/

/*banner start*/
.rslides{position: relative; list-style: none; overflow: hidden; width: 100%;}
.rslides li{-webkit-backface-visibility: hidden; position: absolute;display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child{position: relative; display: block; float: left;}
.rslides img{display: block; height: auto; float: left; width: 100%; border: 0;}
.slide_container{position: relative; float: left; width: 100%}
.slide{position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.slide li{position: absolute; width: 100%; left: 0; top: 0;} 
.slide img{display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0;}
.slide_nav{position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0;z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 78px; width: 56px; background: transparent url("../images/arrow.png") no-repeat left top; margin-top: -45px;}

.slide_nav:hover{background: transparent url("../images/arrow_hover.png") no-repeat left top;}
.slide_nav.next,.slide_nav.next:hover{left: auto; background-position: right top; right: 0;}
/*banner end*/

/*首页关于我们*/
.banner{ position:relative}
.banner_btm{ position:relative;margin-top:-65px;z-index: 2;}
.location{ position:absolute;left:0px;bottom:0px;width:100%;z-index:2;}

.sidebar{ height:65px;position:relative}

.navmenuBox{padding-top:10px;}
.locationbg{ position:absolute;background:#ef5938;-moz-opacity: 0.8;-khtml-opacity: 0.8;filter: alpha(Opacity=80);opacity: 0.8;width:100%;height:55px;z-index:-1;bottom:0px}
.sidebar .sidetype{ width:190px;height:190px;line-height:40px;background:#024180;position:absolute;bottom:0px;padding:0px 25px;}
.sidebar .sidetype h2{ font-family:黑体;color:#fff;font-size:36px;line-height:36px;margin:50px 0 20px;font-weight:normal;}
.sidebar .sidetype h3{ font-size:18px;font-style:italic;color:#fff;text-transform : uppercase}

ul.menubotton{ width:780px;height:72px;background:url(../images/sidenavbg.png) no-repeat;}
ul.menubotton>li{ float:left;}
ul.menubotton>li>span>a{ font-size:16px;color:#fff;padding:0 20px;line-height:65px;display: block;}
ul.menubotton>li.hover,ul.menubotton>li:hover{ background:#e23e1a}

ul.menubotton li ul.subnav {position: absolute;top:65px;*top:65px;*left: 0px;background: #f46c4e;margin: 0;padding:0px 15px 10px;color: #fff;z-index: 999;display: none;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
ul.menubotton li ul.subnav li{margin: 0;clear: both;padding-top:10px;text-align: left;cursor: pointer;}

ul.menubotton li ul.subnav li a{font-size:14px;color:#fff}

.now{ background:#243561;height:80px;line-height:80px;color:#00c8f3;padding:0 25px;}
.now *{ color:#00c8f3;line-height:80px}
.now img{ vertical-align:middle}
.now a:hover{ text-decoration:underline}

.in_about{ width:100%; background:url(../images/in_aboutbg.jpg) no-repeat;background-size:100%}
.in_about p{ text-indent:24px}
.in_about .more{ width:280px;height:42px;line-height:42px;border:2px solid #d8271c;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:block;margin:25px auto;text-align:center;font-size:16px;color:#ef5938}

/*首页产品*/
.in_porduct{ width:100%;background:#da512f;text-align:center;padding-bottom:50px}
.in_porduct a{ color:#fff}

.ab_show {width:1260px;overflow:hidden;margin:0 auto}
.ab_hide {display:inline;width: 976px;height:280px;overflow: hidden;margin-left:50px}
.ab_hide li {float: left;width: 220px;height: 280px;display:inline;margin:0 12px}
.ab_hide li a.ppic{ display:block;width: 220px;height:220px;background:url(../images/probg.png) repeat;overflow: hidden;}
.ab_hide li a{ height:60px;line-height:60px;overflow:hidden;display:block}
.ab_hide li img {display: block;width: 210px;height: 210px;margin:5px}
.ab_show .preva, .ab_show .nexta {width:89px;height:89px;margin-top:70px;}
.ab_show .preva a, .ab_show .nexta a {display:block;width:89px;height:89px;background:url(../images/arrow1.png) no-repeat;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.ab_show .preva a:hover, .ab_show .nexta a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.ab_show .nexta a {background-position:-89px 0;}
.porduct_line{ width:100%;height:31px;border-bottom:1px solid #fff;position:relative}
.porduct_line img{ position:absolute;top:15px}

.in_news .newsleft{ width:490px}
.n_title { padding:5px 0}
.n_title a{ color:#09428c;font-size:16px;}
.in_news span{color:#a0a0a0}
.in_news p{ color:#848484;font-size:12px;margin-top:5px}

.in_news li{ float:right;width:490px;margin-bottom:25px;height:80px}
.in_news li .num{color:#d9d9d9;font-size:45px;line-height:45px;float:left;border-right:1px solid #d5d5d5;padding-right:20px;margin-right:15px;height:80px;line-height:80px}
.in_news li .newsright{ width:380px}
.in_news a:hover{ text-decoration:underline;color:#09428c}
/*底部 start*/
.footer{ width:100%;margin-top:80px;background-color:#373f42;color:#fff;padding:45px 0 30px}
.footer a{ color:#fff}
.footer ul.footerNav>li{ border-right:1px solid #525a5c;padding:0 70px;float:left;height:130px}
.footer ul.footersub a{ font-size:12px;color:#888b8d}

.sidetop{width:109px;height:36px;display:inline-block;opacity:0.6;filter:Alpha(opacity=60);transition:all 0.3s;background:url(../images/gotop.png) no-repeat;display:block;margin:30px auto}
.sidetop:hover{opacity:1;filter:Alpha(opacity=100);}

.f_bottom{ color:#fff;text-align:center}
.f_bottom img{ vertical-align:middle}
.f_bottom a{ margin-right:10px}
/*底部 end*/

.main{ margin-top:50px}

/*新闻页 start*/
ul.newslist li{ width:100%; height:110px; margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #c9c9c9}
ul.newslist li a.npic{ display:block;border:1px solid #dcdcdc;padding:8px}
ul.newslist li img{ width:180px;height:100px;}

ul.newslist li .n_right{ width:650px;margin-left:40px;margin-top:5px}
ul.newslist li .n_right a.ntitle{ background:url(../images/newsico.png) left center no-repeat;padding-left:20px;font-size:16px;color:#ef5938;float:left;}
ul.newslist li .n_right a.ntitle:hover{ text-decoration:underline}
ul.newslist li .n_right span{ background:url(../images/time.png) left center no-repeat;padding-left:20px;float:right;color:#999999;float:right}
ul.newslist li .n_right p{ font-size:12px;color:#4c4c4c;margin-top:10px;height:48px;line-height:24px;overflow:hidden}
ul.newslist li .n_right a.more{ border:2px solid #7d7d7d;padding:3px 15px;}

.page_news_title{ margin-bottom:20px;padding:5px;border-bottom: 1px solid #e6e6e6;text-align:center;overflow:hidden}
.page_news_title h1{ font-size:24px;line-height: 36px;}

/*新闻页 end*/

/*商品页 start*/
.p_list{ float: left; width:224px; margin:15px;}

ul.products li{position:relative;display:block;width:224px;height:224px;}
ul.products li img{ width:220px;height:220px;border:2px solid #bebebe}

ul.products li .border_top{position:absolute;height:2px;width:0;font-size:0;background:#ef5938;top:0;left:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
ul.products li .border_right{position:absolute;height:0px;width:2px;font-size:0;background:#ef5938;bottom:0;right:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
ul.products li .border_bottom{position:absolute;height:2px;width:0px;font-size:0;background:#ef5938;right:0;bottom:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
ul.products li .border_left{position:absolute;height:0px;width:2px;font-size:0;background:#ef5938;left:0;top:0;
-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
ul.products .hover .border_top,ul.products .hover .border_bottom{width:224px}
ul.products .hover .border_left,ul.products .hover .border_right{height:224px}

ul.products .p_list a.ptitle{ width:224px;height:40px;line-height:40px;display:block;color:#fff;font-size:16px;background:#bebebe;margin-top:6px;text-align:center}
ul.products .p_list:hover a.ptitle{ background:#034180}

.pread_right{ width:600px;float:left;padding-left:40px; line-height:30px;}
.readtitle h2{ font-size:22px;font-weight:bold;line-height: 40px;margin-bottom: 10px;color: #243561;}
.canshu{ background:#f1f1f1;padding:10px;width:580px;min-height:130px}

/*商品页 end*/

.net{ width:980px;margin:0 auto}
.contact{ width:320px}
.contact p{ line-height:34px}

ul.xiaoshou li{ width:300px;height:300px;float:left}

/*ul.xiaoshou{
	width: 1004px;
	float: left;
	*padding-bottom: 30px;
}*/
ul.xiaoshou li{
	width: 313px;
	height:352px;
	padding: 3px 6px 3px 4px;
	background: url(../images/bg_shadow13.png) no-repeat;
	float: left;
	margin: 0 5px 30px 5px;
	display: inline;
}
ul.xiaoshou li img{
	float: left;
	margin-bottom: 10px;
	width:310px;
	height:310px
}
ul.xiaoshou li .intro{
	width: 290px;
	height: 32px;
	float: left;
	margin-left: 13px;
	position: relative;
}
ul.xiaoshou p{
	font-size: 14px;
	line-height: 28px;
}
ul.xiaoshou span{
	display: inline-block;
	line-height: 14px;
	color: #a1a1a1;
}
ul.xiaoshou .btn{
	width: 101px;
	height: 28px;
	margin-right:10px;
	background: url(../images/bg_btn01.jpg) no-repeat;
	position: absolute;
	right: 0;
	top: 0px;
}
ul.xiaoshou a:hover p{
	color: #e60013;
}

/*佳博修改*/
.h_link{width:100%;height:130px;padding-top:25px;margin-top:5px;}
.h_link ul li {width:280px;text-align:center;float:left;margin:0 30px;}
.h_link ul li p{text-align:center;text-indent:0;}
/*表单*/
.fa,.fb,.fc{float:left;margin-bottom:30px}
.fa{margin-right:40px;}
.fb{margin-right:40px}
#messagea{font-size:18px;color:#282828;line-height:32px;overflow:hidden;}
#name,#phone,#e-mail,#content,#company,#E-mail{border:1px solid #c5c5c5;border-radius:0.4em}
.sbutton{width:180px;height:50px;margin:0 auto;border-radius:0.4em;background-color:#fff;color:#282828
;border:0;line-height:50px;margin-top:30px;text-transform: uppercase;cursor: pointer-webkit-transition: all .5s;transition: all .5s;border:1px solid #ccc;}
.sbutton:hover{background-color:#da512f;color:#fff}

.slidelink{
	   
		width: 50px;
		height: 250px;
		position: fixed;
		top: 50%;
		margin-top: -126px;
		background: #ef5938;
		right: 0;
		border-radius: 5px 0 0 5px;
		z-index: 999;
		
	}
	.slidelink ul{
		list-style: none;
	}
	.slidelink .icon li{
		width: 49px;
		height: 50px;
		background: url(../images/icon.png) no-repeat;
	}
	.slidelink .icon .up{
		background-position:-330px -120px ;
	}
	.slidelink .icon li.qq{
		background-position:-385px -73px ;
	}
	.slidelink .icon li.tel{
		background-position:-385px -160px ;
	}
	.slidelink .icon li.wx{
		background-position:-385px -120px ;
	}
	.slidelink .icon li.down{
		background-position:-330px -160px ;
	}
	.slidelink .info{
		top: 50%;
		height: 147px;
		position: absolute;
		right: 100%;
		background: #ef5938;
		width: 0px;
		overflow: hidden;
		margin-top: -73.5px;
		transition:0.5s;
		border-radius:4px 0 0 4px ;
	}
	.slidelink .info.hover{
		width: 145px;
		
	}
	.slidelink .info li{
		width: 145px;
		color: #ccc;
		text-align: center;
	}
	.slidelink .info li p{
	
		line-height: 2em;
		padding: 15px;
		text-align: left;
		color: #fff;
	}
	.slidelink .info li.qq p a{
		display: block;
		margin-top: 12px;
		width: 100px;
		height: 32px;
		line-height: 32px;
		color: #ccc;
		font-size: 16px;   
		text-align: center;
		text-decoration: none;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	.slidelink .info li.qq p a:hover{
		border: 1px solid #fff;
		color: #fff;
	
	}
	.slidelink .info li div.img{
		height: 100%;
		background: #DEFFF9;
		margin: 15px;
	}
	.slidelink .info li div.img img{
		width: 100%;
		height: 100%;
	}
	/*控制菜单的按钮*/
	.index_cy{
		width: 30px;
		height: 30px;
		background: url(../images/index_cy.png);
		position: fixed;
		right: 0;
		top: 50%;
		margin-top: 140px;
		background-position: 62px 0;
		cursor: pointer;
	}
	.index_cy2{
		width: 30px;
		height: 30px;
		background: url(../images/index_cy.png);
		position: fixed;
		right: 0;
		top: 50%;
		margin-top: 140px;
		background-position: 30px 0;
		cursor: pointer;
	}
	
	/*自适应 当屏小于1050时隐藏*/
	@media screen and (max-width: 1050px) {
		.slidelink{
			display: none;
		}
		#btn{
			display: none;
		}
		
	}